<template>
    <div id="header">
        <ul>
            <li>
                <svg
                    t="1628661974016"
                    class="icon"
                    viewBox="0 0 1024 1024"
                    version="1.1"
                    xmlns="http://www.w3.org/2000/svg"
                    p-id="10726"
                >
                    <path
                        d="M659.698 80.02l152.325 88c15.296 8.837 20.537 28.408 11.706 43.713L812.21 231.7a100.054 100.054 0 0 0-0.858 98.475l5.708 10.304c17.612 31.794 51.078 51.52 87.406 51.521l23.275 0.001c17.662 0 31.98 14.327 31.98 32v176c0 17.673-14.318 32-31.98 32l-31.496 0.001c-35.03 0.001-67.503 18.356-85.587 48.376l-1.754 2.911c-18.78 31.175-19.147 70.098-0.959 101.622l15.784 27.357c8.83 15.305 3.59 34.876-11.706 43.712l-152.325 88c-15.296 8.837-34.855 3.593-43.686-11.712l-18.027-31.243C580.249 870.285 547.472 851.35 512 851.35c-35.472 0-68.25 18.935-85.985 49.673l-18.028 31.244c-8.831 15.305-28.39 20.549-43.686 11.712l-152.325-88c-15.296-8.836-20.537-28.407-11.706-43.712l15.784-27.357c18.188-31.524 17.82-70.447-0.96-101.622l-1.753-2.911c-18.084-30.02-50.557-48.375-85.587-48.376L96.259 632c-17.662 0-31.98-14.327-31.98-32V424c0-17.673 14.318-32 31.98-32h23.275c36.328-0.002 69.794-19.728 87.406-51.522l5.708-10.304a100.054 100.054 0 0 0-0.858-98.475l-11.519-19.966c-8.83-15.305-3.59-34.876 11.706-43.712l152.325-88c15.296-8.837 34.855-3.593 43.686 11.712l9.462 16.398c17.852 30.939 50.844 49.997 86.547 49.997h16.006c35.703 0 68.695-19.058 86.547-49.997l9.462-16.398c8.831-15.305 28.39-20.549 43.686-11.712z m-2.478 81.708c-32.227 42.752-82.897 68.4-137.217 68.4h-16.006c-54.32 0-104.99-25.648-137.217-68.4l-84.93 49.065c22.263 49.217 20.225 106.46-6.268 154.286l-5.708 10.304c-27.571 49.774-77.735 82.353-133.64 87.805v97.022l1.708 0.093c56.311 3.338 107.681 34.192 137.026 82.904l1.753 2.912c30.85 51.21 32.812 114.577 5.675 167.404l83.304 48.125c31.012-51.022 86.431-82.298 146.3-82.298 59.87 0 115.289 31.276 146.3 82.298l83.304-48.125-0.805-1.588c-26.29-52.505-24.06-115.118 6.48-165.816l1.753-2.912c29.345-48.712 80.715-79.566 137.026-82.904l1.708-0.093v-97.022c-55.905-5.452-106.069-38.03-133.64-87.805l-5.708-10.304c-26.493-47.826-28.531-105.07-6.268-154.286l-84.93-49.065zM504 352.1c88.366 0 160 71.59 160 159.9 0 17.662-14.327 31.98-32 31.98-17.673 0-32-14.318-32-31.98l-0.013-1.587C599.14 458.16 556.49 416.06 504 416.06c-53.02 0-96 42.954-96 95.94s42.98 95.94 96 95.94l0.53 0.004c17.428 0.283 31.47 14.49 31.47 31.976 0 17.662-14.327 31.98-32 31.98-88.366 0-160-71.59-160-159.9s71.634-159.9 160-159.9z"
                        p-id="10727"
                        fill="#8a8a8a"
                    ></path>
                </svg>
            </li>
            <li>
                <svg
                    t="1628662213177"
                    class="icon"
                    viewBox="0 0 1024 1024"
                    version="1.1"
                    xmlns="http://www.w3.org/2000/svg"
                    p-id="7650"
                >
                    <path
                        d="M169.472 80.164h684.857c37.15 0 70.996 15.237 95.501 39.747l0.094 0.094c24.51 24.524 39.746 58.337 39.746 95.518v609.644c0 37.166-15.235 70.977-39.746 95.502l-0.094 0.11c-24.505 24.509-58.351 39.73-95.5 39.73H169.471c-37.166 0-70.978-15.221-95.503-39.73l-0.092-0.11c-24.51-24.525-39.747-58.336-39.747-95.502V215.522c0-37.259 15.222-71.102 39.747-95.612 24.507-24.524 58.353-39.746 95.595-39.746z m477.16 499.29H753.2a17.86 17.86 0 0 0 12.673-5.254c7.016-7 7.016-18.374 0-25.374L540.311 323.265h206.553c14.865 0 26.92-12.053 26.92-26.92 0-14.85-12.055-26.905-26.92-26.905h-469.93c-14.865 0-26.903 12.054-26.903 26.905 0 14.867 12.038 26.92 26.904 26.92h206.538l-225.56 225.56a17.85 17.85 0 0 0-5.27 12.687c0 9.906 8.038 17.942 17.959 17.942h106.551V786.05c0 9.923 8.034 17.958 17.943 17.958h233.612c9.891 0 17.926-8.035 17.926-17.958V579.454h-0.001z m-35.881 188.672V561.512c0-9.906 8.035-17.942 17.956-17.942H709.9L511.908 345.579 313.902 543.57h81.193c9.904 0 17.942 8.035 17.942 17.942v206.613h197.714z m243.578-634.121H169.472c-22.376 0-42.762 9.177-57.55 23.951-14.773 14.79-23.951 35.174-23.951 57.566v609.644c0 22.422 9.147 42.82 23.905 57.596 14.792 14.757 35.173 23.923 57.597 23.923h684.856c22.407 0 42.808-9.166 57.58-23.923 14.771-14.774 23.922-35.174 23.922-57.596V215.522c0-22.44-9.15-42.821-23.921-57.612-14.773-14.756-35.174-23.905-57.58-23.905z"
                        p-id="7651"
                        fill="#8a8a8a"
                    ></path>
                </svg>
            </li>
            <li>
                <svg
                    t="1628662137487"
                    class="icon"
                    viewBox="0 0 1024 1024"
                    version="1.1"
                    xmlns="http://www.w3.org/2000/svg"
                    p-id="2230"
                >
                    <path
                        d="M512 64c153.173333 0 277.333333 124.16 277.333333 277.333333v128a128 128 0 0 1 128 128v234.666667a128 128 0 0 1-128 128H234.666667a128 128 0 0 1-128-128V597.333333a128 128 0 0 1 128-128v-128c0-153.173333 124.16-277.333333 277.333333-277.333333z m277.333333 469.333333H234.666667a64 64 0 0 0-63.893334 60.245334L170.666667 597.333333v234.666667a64 64 0 0 0 60.245333 63.893333L234.666667 896h554.666666a64 64 0 0 0 63.893334-60.245333L853.333333 832V597.333333a64 64 0 0 0-60.245333-63.893333L789.333333 533.333333z m-243.2 106.666667c4.693333 0 8.533333 3.84 8.533334 8.533333v110.933334a8.533333 8.533333 0 0 1-8.533334 8.533333h-46.933333a8.533333 8.533333 0 0 1-8.533333-8.533333v-110.933334c0-4.693333 3.84-8.533333 8.533333-8.533333h46.933333zM512 128c-115.84 0-210.090667 92.309333-213.248 207.36L298.666667 341.333333v128h426.666666v-128c0-115.84-92.309333-210.090667-207.36-213.248L512 128z"
                        fill="#8a8a8a"
                        p-id="2231"
                    ></path>
                </svg>
            </li>
            <li>
                <svg
                    t="1628662171323"
                    class="icon"
                    viewBox="0 0 1024 1024"
                    version="1.1"
                    xmlns="http://www.w3.org/2000/svg"
                    p-id="5786"
                >
                    <path
                        d="M557.312 513.248l265.28-263.904c12.544-12.48 12.608-32.704 0.128-45.248-12.512-12.576-32.704-12.608-45.248-0.128l-265.344 263.936-263.04-263.84C236.64 191.584 216.384 191.52 203.84 204 191.328 216.48 191.296 236.736 203.776 249.28l262.976 263.776L201.6 776.8c-12.544 12.48-12.608 32.704-0.128 45.248 6.24 6.272 14.464 9.44 22.688 9.44 8.16 0 16.32-3.104 22.56-9.312l265.216-263.808 265.44 266.24c6.24 6.272 14.432 9.408 22.656 9.408 8.192 0 16.352-3.136 22.592-9.344 12.512-12.48 12.544-32.704 0.064-45.248L557.312 513.248z"
                        p-id="5787"
                        fill="#8a8a8a"
                    ></path>
                </svg>
            </li>
        </ul>
    </div>
</template>

<script>
export default {};
</script>

<style scoped>
#header {
    position: absolute;
    right: 0;
    margin: 10px;
    z-index: 99999;
}

#header ul {
    list-style-type: none;
    display: flex;
}

#header ul li {
    margin: 0 10px;
}

#header ul li svg {
    width: 20px;
    height: 20px;
}

#header ul li:nth-child(1) svg {
    width: 21px;
    height: 20px;
}

#header ul li:nth-child(2) svg {
    width: 19px;
    height: 20px;
}

#header ul li:nth-child(3) svg {
    width: 19px;
    height: 20px;
}

#header ul li:nth-child(4) svg {
    width: 22px;
    height: 23px;
}

#header ul li:first-child {
    margin-left: 0;
}

#header ul li:last-child {
    margin-right: 0;
}
</style>